<template>
	<div class="Icons">
		<div class="pic">
			<ol>
				<li v-for="item in picture" :key="item.id">
					<img :src="item.url" />
					<p>{{item.txt}}</p>
				</li>
			</ol>
			
		</div>
	</div>
</template>

<script>
	export default{
		name:'Icons',
		data(){
			return{
				picture:[
					{id:1,url:'img/001.png',txt:'周边游'},
					{id:2,url:'img/002.png',txt:'国内游'},
					{id:3,url:'img/003.png',txt:'出境游'},
					{id:4,url:'img/004.png',txt:'自由行'},
					{id:5,url:'img/005.png',txt:'酒店民宿'},
				]
			}
		}
	}
</script>

<style>
	.pic{
		width: 100%;
		height: 5.5rem;
		margin-top: 3.5rem;
	}
	.pic li{
		text-align: center;
		width: 20%;
		float: left;
	}
	.pic img{
		width: 3rem;
		height: 3rem;
		
	}
</style>
